<template>
	<view class="container">
		<view v-if="isLoading == true"><image class="loading" src="https://huajia-online-1316192331.cos.ap-guangzhou.myqcloud.com/static/loading-1.gif"></image></view>
		<view v-if="isLoading == false">
			<uni-list v-for="one in list">
				<uni-card :cover="cover" @click="onClick">
					<image slot="cover" style="width: 100%;" :src="cover"></image>
					<text class="uni-body">{{ one.title }}</text>
					<view slot="actions" class="card-actions"><view class="card-actions-item1">花甲公益基金会</view></view>
					<view class="card-actions-item2">{{ one.durationHour }}小时{{ one.durationMin }}分钟</view>
				</uni-card>
			</uni-list>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			cover: 'https://huajia-online-1316192331.cos.ap-guangzhou.myqcloud.com/static/shuijiao.jpg',
			// cover: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
			avatar: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
			extraIcon: {
				color: '#4cd964',
				size: '22',
				type: 'gear-filled'
			},
			list: [
				{
					title: 'cehsidnsdjo',
					duration: '3'
				},
				{
					title: '12rjwoihfjwejfijwjf',
					duration: '7'
				}
			],
			isLoading:true
		};
	},
	onLoad: function() {
		let that = this;
		that.ajax(that.url.searchMyParticipationByPage, 'POST', { page: 1, length: 40 }, function(resp) {
			that.list = resp.data.result;
		});
		setTimeout(function(resp) {
			that.isLoading = false
		}, 400);
	},
	methods: {}
};
</script>

<style lang="less">
@import url('my_service.less');
</style>
